layui.use(function () {
    const table = layui.table,
        $ = layui.$,
        tableIns = table.render({
            elem: '#tables',
            even: true,
            url: '/students', //数据接口
            height: 'full-300',
            cellMinWidth: 100, //设置列的最小默认宽度
            page: true, //开启分页
            toolbar: true,
            cols: [[
                {type: 'checkbox'},//表头
                {field: 'id', title: 'ID', hide: true, align: 'center'},
                {field: 'name', title: '名字', align: 'center'},
                {field: 'chinese', title: '语文成绩', align: 'center', sort: true},
                {field: 'math', title: '数学成绩', align: 'center', sort: true},
                {field: 'english', title: '英语成绩', align: 'center', sort: true},
                {field: 'average_score', title: '平均分', align: 'center', sort: true},
                {title: '操作', toolbar: '#userBar', width: 220, align: 'center'}
            ]]
        });
    //table.on('checkbox(tables)', function (obj) {
    //    console.log(obj.data) //选中行的相关数据
    // })
    table.on('tool(tables)', function (obj) {
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        if (layEvent === 'deconste') { //删除
            layer.msg('删除');
            layer.confirm('真的删除行么', function (index) {
                $.ajax({
                    url: 'http://127.0.0.1:5000/deconste?name=' + obj.data.name,
                    success: function () {
                        table.reload('tables');
                    }
                })
                layer.close(index); //向服务端发送删除指令
            });
        } else if (layEvent === 'change') {
            //打开修改页面
            layer.open({
                type: 2,
                title: '修改',
                content: 'http://127.0.0.1:5000/change_table?id=' + obj.data.id,
                area: ['800px', '400px'],
                end: function () {
                    table.reload('tables');
                }
            });

        }
    })
    $('#Download-GUI').click(function () {
        layer.open({
            title: 'info',
            content: '百度网盘提取码：8888，桌面版可以和网页版同步数据'
        });
    });
});